<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div class="wrap">
	<div class="clock">
		<ul>
			<li>
				<ul id="time1">
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
				</ul>
			</li>
					<li>
				<ul id="time2">
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
				</ul>
			</li>
			<li class="point"><span></span><span></span></li>
				<li>
				<ul id="time3">
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
				</ul>
			</li>
			<li>
				<ul id="time4">
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
				</ul>
			</li>
			<li class="point"><span></span><span></span></li>
				<li>
				<ul id="time5">
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
				</ul>
			</li>
					<li>
				<ul id="time6">
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
					<li><img src="images/front.png" width="100%" height="100%"></li>
				</ul>
			</li>
		</ul>
	</div>
	<div class="date" id="date">
		<span></span>

		<span></span>
	</div>
</div>
</body>
</html>